.hp-bgimage{
    background-image: url('https://www.selfstorageheidelberg.co.za/images/self-storage-heidelberg-south-africa.webp');
    background-size: cover;
}
.modal-backdrop {
    --bs-backdrop-zindex: 0;
}
.modal {
    --bs-modal-zindex: 999;
}
.popover {
    margin-left: 11px !important;
    --bs-popover-border-color: red;
}
.popover-header{
    background-color: red;
    color: white;
}
.form-mb{
    margin-bottom: 15px;
}
.w-bgcolor{
    background-color: #ffffffa6;
}
.bookB{
    color:white;
    border-color: green;
    background-color: green;
}
.bookB:active{
    color:white !important;
    border-color: green !important;
    background-color: green !important;
}
.bookB:hover{
    color:green;
    border-color: green;
    background-color: white;
}
.deleteB{
    color:white;
    border-color: red;
    background-color: red;
}
.deleteB:active{
    color:white !important;
    border-color: red !important;
    background-color: red !important;
}
.deleteB:hover{
    color:red;
    border-color: red;
    background-color: white;
}
.contain{
    margin-left: 2%;
    margin-right: 2%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 15px;
}
.row{
    margin-left: 0px;
    margin-right: 0px;
}
.stg-info{
    width: 100%;
    display: flex;
    justify-content: center;
}
.marg-none{
    margin: 0px;
}
.security{
    padding: 15px;
}
.b-bgc{
    background-color: #349eec;
}
.p-top-bottom{
    padding-top: 15px;
    padding-bottom: 15px;
    color: #ffff;
}
.p-left-right{
    padding-left: 2%;
    padding-right: 2%;
}
.p-left{
    padding-left: 2% !important;
}
.book-search{
    margin-top: 5px;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 992px) {
    .no-padding{
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 767px) {
    .size-one-show{
        display:block;
    }
    .size-two-show{
        display:none;
    }
}
@media (min-width: 576px) {
    .g614-footer{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 2%;
        margin-top: 0px !important;
    }
    .whatsapp-logo{
        margin-top: -110px;
        display: flex;
        justify-content: flex-end;
        padding-right: 9px;
        bottom: 20px;
    }
}    
@media (min-width: 521px) {
    .one-show{
        visibility: visible;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .two-hide{
        visibility: hidden;
        height: 0px;
        padding: 0px !important;
    }
}
/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 992px) {
    .no-padding{
        padding-left: 0px;
        padding-right: 0px;
    }
    .form-padding{
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
}
@media (max-width: 767.9px) {
    .size-pt{
        padding-top: 15px;
    }
    .sizes-font-size{
        font-size: calc(1.275rem + .3vw);
    }
    .size-one-show{
        display: none;
    }
    .size-two-show{
        display:block;
    }
}
@media (max-width: 576px) {
    .ags-selfst-footer{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .g614-footer{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15px;
    }
    .whatsapp-logo{
        margin-top: -49.71px;
        display: flex;
        justify-content: flex-end;
        padding-right: 9px;
        bottom: 20px
    }
}    
@media (max-width: 458px) {
    .sizes-font-size{
        font-size: 17px;
    }
}
@media (max-width: 521px) {
    .one-hide{
        visibility: hidden;
        height: 0px;
    }
    .two-show{
        visibility: visible;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}